<script>
export default {
  name: "keyBoardModifiers",
  data(){
    return {
      val:''
    }
  },
  methods:{
    modified(event){
      console.log('修饰符')
      console.log(event.keyCode)  //按键码
    }
  }
}
</script>

<template>
<div>
  键盘修饰符
<!--  监听所有按键：  v-on：keyup-->
  <input type="text" v-model="val" @keyup="modified">
<!--  监听指定按键： v-on:keyup.按键码      回车的按键码是13，只有按下回车键才打印输出
                                        a的按键码是65，只有按下a才打印输出-->
  <input type="text" v-model="val" @keyup.13="modified">
  <input type="text" v-model="val" @keyup.65="modified">
<!--  使用按键别名：v-on：keyup.按键别名-->
  <input type="text" v-model="val" @keyup.enter="modified">
  <input type="text" v-model="val" @keyup.f5="modified">
<!--  自定义按键别名：在main.js文件中添加Vue.config.keyCodes.指定按键 = 按键码-->
  <input type="text" v-model="val" @keyup.a="modified">

</div>
</template>

<style scoped lang="less">

</style>